﻿<div class="container form-horizontal">
    <script> window.prerenderReady = false; </script>
    <update-meta property="og:title" content="Penang Realty世界地產 Lists Of Properties(Factory/House/Shop/Land/Sale/Rent)" />
    <update-meta property="og:url" content="http://www.penangrealty.my/Properties" />
    <notification-panel></notification-panel><a id="notification"></a>
    <div class="form-group" ng-show="false">
        <label class="col-sm-2 control-label" pop-over-html pop-over-content='view'>Sale Type</label>
        <div class="col-sm-10">    
        <select ng-model="property.transact" class="form-control" ng-selected="property.transact" ng-init="property.transact = 'S'">
                <!--<option style="display:none" value="">Select</option>-->
                <option value="S">SALE</option>
                <option value="R">RENT</option>
            </select> 
            </div>           
    </div>
    <div class="form-group" ng-show="false">
        <label class="col-sm-2 control-label" >Property Type</label>
        <div class="col-sm-10">
            <select ng-model="property.Type" class="form-control" ng-selected="property.Type" ng-init="query();">
                <!--<option style="display:none" value="">Select</option>-->
                <option value="R">Residential</option>
                <option value="C">Commercial</option>
                <option value="I">Industrial</option>
                <option value="L">Land</option>
            </select>
        </div>
    </div>
    <!--
    <div class="form-group">
        <label class="col-sm-2 control-label">State</label>
        <div class="col-sm-10">
            <select ng-model="property.StateId" class="form-control" ng-change="changeState()" ng-selected="property.StateId"
                    ng-options="state.StateId as state.State for state in states">
                <option style="display:none" value="">Select</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Location</label>
        <div class="col-sm-10">
            <select ng-model="property.location" class="form-control" ng-change="changeLocation()">
                <option style="display:none" value="">Select</option>
                <option ng-repeat="location in locations" ng-value="location.Location" ng-selected="property.LocationId">{{location.Location}}</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="location" class="col-sm-2 control-label">Road/Project Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" ng-model="property.project" placeholder="Road/Project Name eg: Delima" />
        </div>
    </div>



    <div class="form-group">
        <label for="location" class="col-sm-2 control-label">Price(RM)</label>
        <div class="col-sm-4">
            <input type="number" class="form-control" string-to-number ng-model="property.priceMin" placeholder="0"/>
        </div>
        <label class="col-sm-1 control-label">To</label>
     <div class="col-sm-4">
            <input type="number" class="form-control" string-to-number ng-model="property.priceMax" placeholder="999,999,999"/>
        </div>
    </div>

    <div class="form-group col-sm-12">
        <div class="form-group col-sm-10">
            <button type="submit" ng-click="clearEntry()" class="btn btn-primary ">Clear</button>
        </div>
        <div class="form-group col-sm-2">
            <button type="submit" ng-click="search()" class="btn btn-primary pull-right">Search</button>


        </div>
    </div>-->
    <h3> {{Type}} Properties for {{Transact}} </h3>
    <div>
        <table ng-table="tableParams" class="table table-striped ng-table-responsive" show-filter="true">
            <!--<thead>-->
                <tr ng-repeat="data in $data">
                    <td><a target="_blank" ng-href="/Property/{{data.propertyid}}/{{property.transact}}{{property.Type}}" ng-click="go(data.propertyid,data)"><img id="imgpicture" fall-back="images/penang realty,Apartment,house,condominium,terrace house,semi d,detached,bungalow,high end luxury properties,landed properties,gated guarded house.png" ng-src="{{data.PropertyURL ? data.PropertyURL :''}}" height="200" width="270" alt="{{data.LongHeading}}" title="{{data.LongHeading}}" /></a>  </td>

                    <td data-title="'Project'" sortable="'Project'" colspan="1" filter="{'Project':'text'}"> <a target="_blank" ng-href="/Property/{{data.propertyid}}/{{property.transact}}{{property.Type}}" ng-click="go(data.propertyid,data)">{{data.Project}}<br />{{data.road}} <br /> {{data.agentname}} <br /> {{data.mobile}}</a> <a target="_blank" ng-href="/ListingEntry/{{data.propertyid}}" ng-show={{internaluser}}>[Penang Property Realty]</a></td>

                    <td data-title="'Title '" sortable="'LongHeading'" colspan="1" filter="{ 'LongHeading': 'text' }">{{data.LongHeading}}</td>
                    
                    <td data-title="'Sale Price'" sortable="'SalePrice'" colspan="1" ng-show="property.transact=='S'" align="center" filter="{ 'SalePrice': 'text'}"><br />{{data.SalePrice | number}}</td>
                    
                    <td data-title="'Rent Price'" sortable="'RentPrice'" colspan="1" ng-show="property.transact=='R'" align="left" filter="{ 'RentPrice': 'text'}"><br />{{data.RentPrice | number}}</td>
                    

                </tr>
            <!--</thead>-->
            <tr>
                <td><strong>Count per page:</strong> {{tableParams.count()}}</td>
                <td colspan="5" align="right">
                    <p><strong>Page:</strong> {{tableParams.page()}} </p>
                </td>
            </tr>

        </table>
    </div>

</div>



